<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<script type="text/javascript">
	$(function() {
		var url = 'signingAction!getCharts.action';
		var id = 'financeMgt_signingCharts';
		setSigningCharts(url);
	});
	function setSigningCharts(url) {
		var Chart = echarts.init(document.getElementById("financeMgt_signingCharts"));
		Chart.showLoading({
			text : 'Loding...'
		});

		var categories = [];
		var values = [];
		$.ajax({
			url : url,
			dataType : "json",
			type : 'post',
			success : function(json) {
				categories = json.x;
				values = json.detail;
				var option = {
					tooltip : {
						show : true
					},
					xAxis : [ {
						type : 'category',
						data : categories
					} ],
					yAxis : [ {
						type : 'value'
					} ],
					series : [ {
						'name' : '签到人数',
						'type' : 'line',
						'data' : values,
						smooth : true
					} ]
				};
				Chart.hideLoading();
				Chart.setOption(option);
			}
		});
	};
</script>
<div id="financeMgt_signingCharts" style="width: 800px; height: 400px;"></div>
